home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / redakcyjne / programy / Weather Watcher Live 6.1.23 / WWL6123.exe / {app} / Skins / Interface / Splendid2 / Skini.wwt < prev   
Text File  |  2009-12-27  |  66KB  |  831 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <HTML>
  4. <HEAD>
  5.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/NiceTitleAutoWidth.css" TYPE="text/css" />
  6.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/Splendid.css" />
  7.     <!--[if lt IE 7]>
  8.         <style type="text/css">
  9.         img, div {behavior: url("../../iepngfix.htc")}
  10.         </style>
  11.     <![endif]-->
  12. </HEAD>
  13.  
  14. <BODY ONLOAD="getWindowSize()" ONRESIZE="getWindowSize()">
  15.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/BlockF5.js"></SCRIPT>
  16.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/DragDIV.js"></SCRIPT>
  17.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/General.js"></SCRIPT>
  18.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Lightbox.js"></SCRIPT>
  19.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/NiceTitle.js"></SCRIPT>
  20.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Splendid.js"></SCRIPT>
  21.     <SCRIPT TYPE="text/javascript"> 
  22.         var thermPercentage;
  23.         var plainTemp;            
  24.         var pnHeight = 0;
  25.         var pnWidth = 0;
  26.         var bolIsIE8 = isIE8();
  27.                 
  28.         var gaugeBackgroundWidth;
  29.                 
  30.         if (bolIsIE8 == true)
  31.         {    gaugeBackgroundWidth = -13;
  32.         }
  33.         else
  34.         {    gaugeBackgroundWidth = -14;
  35.         }
  36.         
  37.         function getWindowSize()
  38.         {    if (bolIsIE8 == false)
  39.             {    pnHeight = -document.body.parentNode.offsetHeight%2;
  40.                 pnWidth = -document.body.parentNode.offsetWidth%2;
  41.             }
  42.         }
  43.         
  44.         function updateTemperature(currentTemp, currentTempPlain, tempHighPlain, feelsLikeTemp)
  45.         {    //************************************
  46.             //*  Declare & initialize variables  *
  47.             //************************************
  48.             var temp = currentTemp.replace("°","");
  49.             var tempPlain = currentTempPlain;
  50.             var tempArray = temp.split("/");
  51.             var tempDisplay = "N/A";
  52.             var tempUnit;
  53.             var tempLevel;
  54.             var tempMaxLevel;
  55.             
  56.             if (feelsLikeTemp == 'N/A') feelsLikeTemp = 'NA';
  57.             
  58.             plainTemp = tempPlain;
  59.             
  60.             //*************************************************************
  61.             //*  If multiple temp values are shown, grab the first value  *
  62.             //*************************************************************
  63.             if (tempArray.length > 0) temp = tempArray[0];
  64.             
  65.             //********************************************************************
  66.             //*  Figure out how many red/blue temperature guage bars to display  *
  67.             //********************************************************************
  68.             switch (temp) 
  69.             {    case "N":
  70.                     tempDisplay = "N/A";
  71.                     temp = "NA";
  72.                     thermPercentage = 0
  73.                     
  74.                     break;
  75.                 default:
  76.                     if (temp.indexOf("░F") > -1)
  77.                     {    tempUnit = "F";
  78.                         tempDisplay = temp.replace("F", "");
  79.                         temp = temp.replace("░F", "");
  80.                         
  81.                         tempLevel = parseInt(temp) + 20;
  82.                         tempMaxLevel = 140;
  83.                     }
  84.                     else if (temp.indexOf("░C") > -1)
  85.                     {    tempUnit = "C";
  86.                         tempDisplay = temp.replace("C", "");
  87.                         temp = temp.replace("░C", "");
  88.     
  89.                         tempLevel = parseInt(temp) + 20;
  90.                         tempMaxLevel = 70;
  91.                     }    
  92.                     
  93.                     //*************************************
  94.                     //*  Calculate the thermometer level  *
  95.                     //*************************************
  96.                     if (tempLevel < 0) 
  97.                         tempLevel = 0;
  98.                     else if (tempLevel > tempMaxLevel) 
  99.                         tempLevel = tempMaxLevel;
  100.                             
  101.                     thermPercentage = parseInt((tempLevel / tempMaxLevel) * 100);
  102.                     
  103.             }
  104.             
  105.             tempArray = feelsLikeTemp.split("/");
  106.             if (tempArray.length > 0) feelsLikeTemp = tempArray[0];
  107.             
  108.             document.getElementById("Therm-Bulb-Large-Digit").style.background = "url('../../Images/ThermDigits/Large/" + roundTemperature(temp) + ".png')";
  109.             document.getElementById("Therm-Bulb-Small-Digit").style.background = "url('../../Images/ThermDigits/Small/" + roundTemperature(feelsLikeTemp) + ".png')";
  110.         }
  111.                 
  112.         
  113.         //****************************************************************************************
  114.         //*  The following function will be run each time Weather Watcher reloads the skin file  *
  115.         //****************************************************************************************
  116.         function runLoadProcedures()
  117.         {    loadSkinSettings();
  118.         
  119.             //**************************
  120.             //*  Display alert banner  *
  121.             //**************************
  122.             var alertInfo = document.getElementById("WW-AlertInfo").innerHTML;
  123.             
  124.             if (alertInfo != "N/A")
  125.             {    updateDIVs("WW-AlertBannerText", alertInfo.substring(0,61) + "...");
  126.                 showDIVs("WW-AlertBanner");
  127.             } 
  128.             else 
  129.             {    hideDIVs("WW-AlertBanner");
  130.             }
  131.             
  132.             //*******************************************************
  133.             //*  Figure out how many ticks to fill in on barometer  *
  134.             //*******************************************************
  135.             var barometer = document.getElementById("WW-Barometer").innerHTML;
  136.             var barometerTickCount;
  137.             var barometerText = document.getElementById("WW-Barometer-Text").innerHTML;
  138.             var barometerRate = document.getElementById("WW-Barometer-Rate").innerHTML;
  139.             
  140.             if (isNumeric(barometer) == false)
  141.             {    barometerTickCount = 0;
  142.             }
  143.             else
  144.             {    if (parseFloat(barometer) < 27.5)
  145.                 {    barometerTickCount = 1;
  146.                 }
  147.                 else
  148.                 {    barometerTickCount = Math.round(((parseFloat(barometer) - 27.5) / 4) * 22);
  149.                 }
  150.             }
  151.             
  152.             //*****************************************************
  153.             //*  Figure out barometer tick color                  *
  154.             //*  Red = Falling; Blue = No Change; Green = Rising  * 
  155.             //*****************************************************
  156.             if (isNumeric(barometerRate) == true)
  157.             {    barometerRate = parseFloat(barometerRate);
  158.             
  159.                 if (barometerRate < 0) barometerColor = "Red";
  160.                 else if (barometerRate > 0) barometerColor = "Green";
  161.                 else barometerColor = "Blue";
  162.             }
  163.             else
  164.             {    if (barometerText.indexOf("falling") > -1) barometerColor = "Red";
  165.                 else if (barometerText.indexOf("rising") > -1) barometerColor = "Green";
  166.                 else barometerColor = "Blue";
  167.             }
  168.             
  169.             document.getElementById("WW-BarometerGauge-Image").src = "../../Images/Barometer/" + barometerColor + "/" + barometerTickCount + ".gif";
  170.             document.getElementById("WW-BarometerGauge-Text").innerHTML= document.getElementById("WW-Barometer-Plain-Text").innerHTML;
  171.         
  172.             //*************************************
  173.             //*  Format and set the station name  *
  174.             //*************************************
  175.             var station = document.getElementById("WW-Station-Source").innerHTML;     
  176.             station = station.replace('(','\(').replace(')','\)');     
  177.             if (station.length > 60) station = station.substring(0, 60) + "...";
  178.             station = "<STRONG STYLE=\"color:#FFF; font-size:13px;\">" + station.replace("(","</STRONG>(");
  179.             updateDIVs("WW-Station-Name", station);
  180.             
  181.             //********************************************
  182.             //*  Format and set the updated time stamps  *
  183.             //********************************************
  184.             updateDIVs("WW-Updated-Replaced", (document.getElementById("WW-Updated-Source").innerHTML).replace('Observed','Updated'));
  185.         
  186.             //**************************
  187.             //*  Update the map image  *
  188.             //**************************
  189.             var mapImage = "file:///" + document.getElementById("WW-Skin-Path").innerHTML + "map." + getMapExtension();
  190.             
  191.             if (imageExists(mapImage) == true)
  192.             {    document.getElementById("WW-Map-Image").src = mapImage + '?' + getUniqueNumber;
  193.             }
  194.             
  195.             //***********************
  196.             //*  Splendid tooltips  *
  197.             //***********************
  198.             NiceTitles.autoCreated = new Object();
  199.             
  200.             NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 400);
  201.             NiceTitles.autoCreated.images = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 600);
  202.                         
  203.             NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("div"), "title");
  204.             NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("img"), "title"); 
  205.         }        
  206.     </SCRIPT>
  207.     
  208.     <DIV STYLE="border:solid 1px #4C5054; height:100%;">
  209.     <DIV STYLE="border:solid 1px #C9C7C7; height:100%;">
  210.         <!-- Splendid settings window  -->
  211.         <DIV ID="WW-SettingsOverlay" STYLE="position:absolute; top:0px; left:0px; z-index:1000; width:110%; height:110%; display:none;" ONMOUSEDOWN="hideSettings();"><IMG CLASS="PNG" SRC="../../Images/SettingsOverlay.png" STYLE="height:100%; width:100%;"></DIV> 
  212.         
  213.         <DIV ID="WW-Settings" STYLE="border:1px solid #000; position:absolute; display:none; z-index:1001; background-color: #FFF; width:320px;">     
  214.             <DIV STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; height:24px;"></DIV>
  215.             <DIV STYLE="padding:15px; border:solid 1px #4C5054; border-top:0px; border-bottom:0px;">
  216.                 <FORM NAME="SplendidOptionsForm" STYLE="margin-top: 0px; margin-bottom: 0px;">
  217.                     <DIV STYLE="font:bold; color:#838383;">Bar Graphs:</DIV>
  218.                     <INPUT TYPE="radio" NAME="BarGraphs" VALUE="Show"> Show   <INPUT TYPE="radio" NAME="BarGraphs" VALUE="Hide"> Hide<BR>
  219.                     <BR>
  220.                     <DIV STYLE="font:bold; color:#838383;">Map Image Link <EM STYLE="font-weight:normal;">(.GIF, .JPG or .PNG only)</EM>:</DIV>
  221.                     <INPUT TYPE="text" NAME="MapLink" STYLE="width:100%"><BR>
  222.                     <BR>                    
  223.                     <DIV STYLE="font:bold; color:#838383;">Map Zoom Level <EM STYLE="font-weight:normal;">(US maps only)</EM>:</DIV>
  224.                     <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="1">1   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="2">2   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="5">3   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="6">4   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="7">5<BR>
  225.                     <BR>
  226.                     <DIV STYLE="font:bold; color:#838383;">News Bar:</DIV>
  227.                     <INPUT TYPE="radio" NAME="NewsBar" VALUE="Show"> Show   <INPUT TYPE="radio" NAME="NewsBar" VALUE="Hide"> Hide<BR>
  228.                     <BR>
  229.                     <DIV STYLE="font:bold; color:#838383;">Slider Display:</DIV>
  230.                     <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Days"> Days   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Hours" STYLE="display:none;"><INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Moons"> Moons<BR>
  231.                     <BR>
  232.                     <DIV STYLE="font:bold; color:#838383;">Thermometer Color:</DIV>
  233.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Blue"> Blue<BR>
  234.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Red"> Red<BR>
  235.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="BlueRed"> Red <EM>(above freezing)</EM> & Blue <EM>(freezing)</EM><BR>
  236.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="RedBlue"> Blue <EM>(above freezing)</EM> & Red <EM>(freezing)</EM><BR>
  237.                     <BR>
  238.                     <DIV STYLE="font:bold; color:#838383;">Wind Gauge Arrow:</DIV>
  239.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Standard"> Point in direction wind is blowing toward<BR>
  240.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Reverse"> Point in direction wind is blowing from<BR>
  241.                 </FORM>
  242.             </DIV>
  243.             <DIV ALIGN="right" STYLE="border:solid 1px #4C5054; border-top:0px; background:#DAD5CA;">
  244.                 <DIV STYLE="padding:8px; border-top:solid 1px #CBC6BC;">
  245.                     <INPUT TYPE="button" VALUE="   OK   " ONMOUSEDOWN="hideSettings(); setRunAction('SaveSkinSettings');"> <INPUT TYPE="button" VALUE="Cancel" ONMOUSEDOWN="hideSettings();">
  246.                 </DIV>
  247.             </DIV>
  248.         </DIV>
  249.         <!-- Splendid settings window  -->
  250.     
  251.  
  252.         <!-- Window top bar -->
  253.         <DIV STYLE="position:absolute; z-index:20; top:2; right:expression(pnWidth+2+'px'); padding-left:31px; width:100%;">
  254.             <DIV ID="WW-DragWindow" ALIGN="right" STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; padding: 4px 3px 6px 0px; cursor:url('../../Cursors/Drag.cur'), default;" ONMOUSEDOWN="setRunAction('WindowDrag');">
  255.                 <IMG CLASS="PNG" SRC="../../Images/WWL.png" WIDTH="126" HEIGHT="13" ONDRAG="return false"><BR>
  256.             </DIV>
  257.             <DIV STYLE="border-bottom:solid 1px #AEA89A;">
  258.                 <DIV STYLE="background-color: #B9B09D; border-bottom:solid 1px #A19886;">
  259.                     <IMG SRC="../../Images/Blank.gif" HEIGHT="9px" WIDTH="0px"><BR>            
  260.                 </DIV>
  261.             </DIV>
  262.         </DIV>
  263.         <!-- Window top bar -->
  264.         
  265.         
  266.         <!-- Top buttons -->
  267.         <DIV STYLE="position:absolute; z-index:35; top:13; left:34;">
  268.             <IMG ID="WW-ButtonUpdate" SRC="../../Images/Top/Buttons/Update.gif" WIDTH="65" HEIGHT="24" ALT="Update Weather" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('RetrieveWeather');" ONDRAG="return false"><BR>
  269.         </DIV>
  270.         <DIV STYLE="position:absolute; z-index:35; top:13; left:100;">
  271.             <IMG ID="WW-ButtonCurrent" SRC="../../Images/Top/Buttons/Now.gif" WIDTH="46" HEIGHT="24" ALT="Show Current Conditions" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowCurrent');" ONDRAG="return false"><BR>
  272.         </DIV>
  273.         <DIV STYLE="position:absolute; z-index:35; top:13; left:147;">
  274.             <IMG ID="WW-ButtonDaily" SRC="../../Images/Top/Buttons/Daily.gif" WIDTH="51" HEIGHT="24" ALT="Show Daily Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowDaily');" ONDRAG="return false"><BR>
  275.         </DIV>    
  276.         <DIV STYLE="position:absolute; z-index:35; top:13; left:199;">
  277.             <IMG ID="WW-ButtonMaps" SRC="../../Images/Top/Buttons/Maps.gif" WIDTH="51" HEIGHT="24" ALT="Show Maps" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowMapMenu');" ONDRAG="return false"><BR>
  278.         </DIV>
  279.         <DIV STYLE="position:absolute; z-index:35; top:13; left:251;">
  280.             <IMG ID="WW-ButtonAlerts" SRC="../../Images/Top/Buttons/Alerts.gif" WIDTH="61" HEIGHT="24" ALT="Open Severe Alerts" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowAlerts');" ONDRAG="return false"><BR>
  281.         </DIV>
  282.         <DIV STYLE="position:absolute; z-index:35; top:13; left:313;">
  283.             <IMG ID="WW-ButtonOptions" SRC="../../Images/Top/Buttons/Options.gif" WIDTH="71" HEIGHT="24" ALT="Open Weather Watcher Live Options" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowOptions');" ONDRAG="return false"><BR>
  284.         </DIV>
  285.         <DIV STYLE="position:absolute; z-index:35; top:13; left:385;">
  286.             <IMG ID="WW-ButtonMinimize" SRC="../../Images/Top/Buttons/Minimize.gif" WIDTH="28" HEIGHT="24" ALT="Minimize Weather Watcher Live" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('WindowMinimize');" ONDRAG="return false"><BR>
  287.         </DIV>
  288.         <!-- Top buttons -->
  289.             
  290.             
  291.         <!-- Thermometer -->
  292.         <DIV STYLE="background: url('../../Images/ThermShade.gif') top; width:31px; position:absolute; z-index:30; top:2; left:2; height:100%; border:solid 1px #B6B6B6;"></DIV>
  293.         <DIV ID="WW-Thermometer-Fill" STYLE="background: url('../../Images/ThermTopRed.png') bottom; width:31px; position:absolute; z-index:34; left:2; bottom:expression(pnHeight+117+'px'); height:expression((this.parentNode.offsetHeight-117)*thermPercentage/100+'px'); border-top:solid #B6B6B6 1px;"></DIV>
  294.         <DIV STYLE="position:absolute; z-index:40; left:0; bottom:expression(pnHeight+2+'px'); border-left:solid 1px #4C5054;">
  295.             <DIV STYLE="border-left:solid 1px #C9C7C7;"><IMG ID="WW-Thermometer-Bulb" CLASS="PNG" SRC="../../Images/ThermBulbRed.png" WIDTH="73px" HEIGHT="115px"><BR></DIV>
  296.         </DIV>
  297.         <DIV ID="Therm-Bulb-Large-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Large/NA.png') no-repeat; position:absolute; z-index:60; width:61px; height:25px; left:8; bottom:expression(pnHeight+29+'px');"></DIV>
  298.         <DIV ID="Therm-Bulb-Small-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Small/NA.png') no-repeat; position:absolute; z-index:60; width:48px; height:18px; left:17; bottom:expression(pnHeight+10+'px');"></DIV>
  299.         <!-- Thermometer -->
  300.     
  301.     
  302.         <!-- WeatherBug Logo -->
  303.         <DIV ID="WeatherBug-Logo" STYLE="position:absolute; z-index:24; top:290; right:expression(pnWidth+42+'px'); display:none;">
  304.             <IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"><BR>
  305.         </DIV>
  306.         <!-- WeatherBug Logo -->
  307.         
  308.         
  309.         <!-- Bottom Area -->
  310.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:24; width:100%; height:30px; left:2; bottom:expression(pnHeight+'px'); border-bottom:solid 1px #4C5054;">
  311.             <DIV STYLE="height:100%; width:100%; border-bottom:solid 1px #C9C7C7; padding-left:80px; padding-top: 4px;">
  312.                 <IMG ID="WW-NewsMenuImg" SRC="../../Images/Links/NewsOff.gif" WIDTH="47" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/NewsOn.gif'; showMenu('WW-NewsMenu');" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  313.                 <IMG ID="WW-HealthMenuImg" SRC="../../Images/Links/HealthOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/HealthOn.gif'; showMenu('WW-HealthMenu');" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  314.                 <IMG ID="WW-VideosMenuImg" SRC="../../Images/Links/VideosOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/VideosOn.gif'; showMenu('WW-VideosMenu');" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  315.                 <IMG ID="WW-PhotosMenuImg" SRC="../../Images/Links/PhotosOff.gif" WIDTH="63" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/PhotosOn.gif'; showMenu('WW-PhotosMenu');" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  316.                 <IMG ID="WW-CamerasMenuImg" SRC="../../Images/Links/CamerasOff.gif" WIDTH="74" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/CamerasOn.gif'; showMenu('WW-CamerasMenu');" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  317.                 <IMG ID="WW-SettingsMenuImg" SRC="../../Images/Links/SettingsOff.gif" WIDTH="73" HEIGHT="20" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEOVER="if (document.getElementById('WW-SettingsOverlay').style.display == 'none') {this.src='../../Images/Links/SettingsOn.gif'; hideAllMenus();}" ONMOUSEOUT="this.src='../../Images/Links/SettingsOff.gif';" ONMOUSEDOWN="this.src='../../Images/Links/SettingsOff.gif'; showSettings();">
  318.             </DIV>
  319.         </DIV>
  320.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:26; width:10px; height:55px; right:expression(pnWidth+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #4C5054;">
  321.             <DIV STYLE="border-right:solid 1px #C9C7C7; height:100%; width:100%;">
  322.                 <IMG ID="SliderEnd" SRC="../../Images/Slider/SliderEnd.gif" WIDTH="2" HEIGHT="75" STYLE="display:none;"><BR>
  323.             </DIV>
  324.         </DIV>        
  325.         <DIV STYLE="background-color:#AEA89A; position:absolute; z-index:22; height:2px; width:100%; right:expression(pnWidth+11+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #A39A89; border-bottom:solid 1px #A39A89;">
  326.             <IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR>
  327.         </DIV>    
  328.         <!-- Bottom Area -->
  329.         
  330.         
  331.         <!-- Bottom Links -->
  332.         <DIV ID="WW-NewsMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:81px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="newsMenuOpen=true;" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  333.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchTopStories');">Top Stories</DIV>
  334.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchNewsArchives');">News Archives</DIV>
  335.             </SPAN>
  336.         </DIV>
  337.     
  338.         <DIV ID="WW-HealthMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:132px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="healthMenuOpen=true;" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  339.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchAirQuality');">Air Quality</DIV>
  340.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchPollenCount');">Pollen Count</DIV>
  341.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchUVIndex');">UV Index</DIV>
  342.             </SPAN>
  343.         </DIV>
  344.     
  345.         <DIV ID="WW-VideosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:195px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="videosMenuOpen=true;" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  346.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchLiveLocalForecast');">Live Local Forecast</DIV>
  347.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchNationalOutlook');">National Outlook</DIV>
  348.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="videosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  349.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchCommunityVideos');">Community Videos</DIV>
  350.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchYouCasterVideoForecasts');">youCaster Video Forecasts</DIV>
  351.             </SPAN>
  352.         </DIV>
  353.     
  354.         <DIV ID="WW-PhotosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:258px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="photosMenuOpen=true;" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  355.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchRecentPhotos');">Recent Photos</DIV>
  356.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="photosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  357.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostPopularPhotos');">Most Popular Photos</DIV>
  358.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostSharedPhotos');">Most Shared Photos</DIV>
  359.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostViewedPhotos');">Most Viewed Photos</DIV>
  360.             </SPAN>
  361.         </DIV>
  362.     
  363.         <DIV ID="WW-CamerasMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:325px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="camerasMenuOpen=true;" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  364.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameras');">Local Cameras</DIV>
  365.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameraMap');">Local Camera Map</DIV>
  366.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  367.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchFeaturedCameras');">Featured Cameras</DIV>
  368.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchSeasonalCameras');">Seasonal Cameras</DIV>
  369.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  370.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchBeachCameras');">Beach Cameras</DIV>
  371.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchCityCameras');">City Cameras</DIV>
  372.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchMountainCameras');">Mountain Cameras</DIV>
  373.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchNationalParkCameras');">National Park Cameras</DIV>
  374.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchStadiumCameras');">Stadium Cameras</DIV>
  375.             </SPAN>
  376.         </DIV>
  377.         <!-- Bottom Links -->    
  378.         
  379.         
  380.         <!-- Gauges -->
  381.         <DIV ID="WW-Gauges" STYLE="position:absolute; z-index:20; height:100%; right:expression(pnWidth+15+'px'); top:20px; display:none;">
  382.             <DIV ID="WW-WindGauge-Container" STYLE="height:117px; width:115px;">
  383.                 <DIV ID="WW-WindGauge" STYLE="background: url('../../Images/Wind/NA.gif'); position:absolute; left:8px; top:12px; height:117px; width:115px; z-index:4;"><IMG ID="WW-WindGauge-Image" SRC="../../Images/Wind/NA.gif" STYLE="height:117px; width:115px;"></DIV>
  384.                 <DIV ID="WW-WindGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:63px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  385.             </DIV>
  386.  
  387.             <DIV ID="WW-BarometerGauge-Container" STYLE="height:117px; width:115px;">
  388.                 <DIV ID="WW-BarometerGauge" STYLE="background: url('../../Images/Barometer/Barometer.gif'); position:absolute; left:8px; top:129px; height:117px; width:115px; z-index:4;"><IMG ID="WW-BarometerGauge-Image" SRC="../../Images/Barometer/Barometer.gif" STYLE="height:117px; width:115px;"></DIV>
  389.                 <DIV ID="WW-BarometerGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:181px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  390.             </DIV>
  391.  
  392.             <DIV ID="Gauge-Bottom" STYLE="background: url('../../Images/GaugeBottom.gif'); width:61px; height:1000px; position:absolute; z-index:2; width:61px; left:60px; top:244px;"></DIV>
  393.             <DIV ID="Gauge-Background" STYLE="position:absolute; z-index:1; height:100%; background-color:#B9B09D; width:40px; right:expression(gaugeBackgroundWidth+'px'); top:15px;"></DIV>
  394.         </DIV>
  395.         <!-- Gauges -->
  396.         
  397.                 
  398.         <!-- Right Border -->
  399.         <DIV ID="Right-Border" STYLE="display:none; position:absolute; z-index:21; height:100%; background-color:#B9B09D; width:11px; right:expression(pnWidth+2+'px'); top:36px;">
  400.             <DIV STYLE="background-color: #AEA89A; width:2px; border-top: solid 1px #A19886; border-right: solid 1px #A19886; height:100%;">
  401.                 <IMG SRC="../../Images/Blank.gif" WIDTH="1" HEIGHT="0"><BR>
  402.             </DIV>
  403.         </DIV>
  404.         <!-- Right Border -->
  405.         
  406.         
  407.         <!-- NOW Graphs -->    
  408.         <DIV ID="WW-Graphs" STYLE="position:absolute; z-index:22; left:expression(46+'px'); bottom:expression(pnHeight+160+'px'); display:none;">
  409.             <DIV STYLE="height:130px; vertical-align:center;">
  410.                 <!-- Temperature Graph -->
  411.                 <DIV ID="WW-TempGraph" STYLE="height:100%; float:left;">
  412.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  413.                     <TR>
  414.                         <TD ID="WW-TempGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  415.                             Temperature<BR>
  416.                         </TD>
  417.                     </TR>
  418.                     <TR>
  419.                         <TD ID="WW-TempGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  420.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  421.                                 <DIV ID="WW-TempGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  422.                                     <P ID="WW-TempGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  423.                                 </DIV>
  424.                                 <DIV ID="WW-TempGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  425.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  426.                                 </DIV>
  427.                             </DIV>
  428.                         </TD>
  429.                         <TD ID="WW-TempGraph-Bar2" STYLE="width:41px; height:100%;">
  430.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  431.                                 <DIV ID="WW-TempGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  432.                                     <P ID="WW-TempGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  433.                                 </DIV>
  434.                                 <DIV ID="WW-TempGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  435.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  436.                                 </DIV>
  437.                             </DIV>                    
  438.                         </TD>
  439.                         <TD ID="WW-TempGraph-Bar3" STYLE="width:49px; height:100%;">
  440.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px; border:solid 1px #CCCCCC; border-left:0px;">
  441.                                 <DIV ID="WW-TempGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  442.                                     <P ID="WW-TempGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  443.                                 </DIV>
  444.                                 <DIV ID="WW-TempGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  445.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  446.                                 </DIV>
  447.                             </DIV>                    
  448.                         </TD>
  449.                     </TR>                
  450.                     <TR>
  451.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  452.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  453.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  454.                     </TR>
  455.                     </TABLE>
  456.                 </DIV>
  457.                 <!-- Temperature Graph -->
  458.  
  459.                 <!-- Pressure Graph -->
  460.                 <DIV ID="WW-PressureGraph" STYLE="height:100%; float:left; padding-left:8px;">
  461.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  462.                     <TR>
  463.                         <TD ID="WW-PressureGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  464.                             Pressure<BR>
  465.                         </TD>
  466.                     </TR>
  467.                     <TR>
  468.                         <TD ID="WW-PressureGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  469.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  470.                                 <DIV ID="WW-PressureGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  471.                                     <P ID="WW-PressureGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  472.                                 </DIV>
  473.                                 <DIV ID="WW-PressureGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  474.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  475.                                 </DIV>
  476.                             </DIV>
  477.                         </TD>
  478.                         <TD ID="WW-PressureGraph-Bar2" STYLE="width:41px; height:100%; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  479.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px;">
  480.                                 <DIV ID="WW-PressureGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  481.                                     <P ID="WW-PressureGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  482.                                 </DIV>
  483.                                 <DIV ID="WW-PressureGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  484.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  485.                                 </DIV>
  486.                             </DIV>                    
  487.                         </TD>
  488.                         <TD ID="WW-PressureGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  489.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  490.                                 <DIV ID="WW-PressureGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  491.                                     <P ID="WW-PressureGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  492.                                 </DIV>
  493.                                 <DIV ID="WW-PressureGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  494.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  495.                                 </DIV>
  496.                             </DIV>                    
  497.                         </TD>
  498.                     </TR>                
  499.                     <TR>
  500.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  501.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  502.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  503.                     </TR>
  504.                     </TABLE>
  505.                 </DIV>
  506.                 <!-- Pressure Graph -->
  507.  
  508.                 <!-- Humidity Graph -->
  509.                 <DIV ID="WW-HumidityGraph" STYLE="height:100%; float:left; padding-left:8px;">
  510.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  511.                     <TR>
  512.                         <TD ID="WW-HumidityGraph-Caption" COLSPAN="3" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  513.                             Humidity<BR>
  514.                         </TD>
  515.                     </TR>
  516.                     <TR>
  517.                         <TD ID="WW-HumidityGraph-Bar1" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  518.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  519.                                 <DIV ID="WW-HumidityGraph-Bar1-Top" STYLE="height:100%; position:relative;">
  520.                                     <P ID="WW-HumidityGraph-Bar1-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P><BR>
  521.                                 </DIV>
  522.                                 <DIV ID="WW-HumidityGraph-Bar1-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  523.                                     <DIV STYLE="height:100%; background-color:#4F6A3D;"></DIV>
  524.                                 </DIV>
  525.                             </DIV>
  526.                         </TD>
  527.                         <TD ID="WW-HumidityGraph-Bar2" STYLE="width:41px; height:100%; border:solid 1px #CCCCCC; border-left:0px; border-right:0px;">
  528.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding-top:3px;">
  529.                                 <DIV ID="WW-HumidityGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  530.                                     <P ID="WW-HumidityGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  531.                                 </DIV>
  532.                                 <DIV ID="WW-HumidityGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  533.                                     <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  534.                                 </DIV>
  535.                             </DIV>                    
  536.                         </TD>
  537.                         <TD ID="WW-HumidityGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  538.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  539.                                 <DIV ID="WW-HumidityGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  540.                                     <P ID="WW-HumidityGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  541.                                 </DIV>
  542.                                 <DIV ID="WW-HumidityGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  543.                                     <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  544.                                 </DIV>
  545.                             </DIV>                    
  546.                         </TD>                                        
  547.                     </TR>                
  548.                     <TR>
  549.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Min<BR></TD>
  550.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  551.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  552.                     </TR>
  553.                     </TABLE>
  554.                 </DIV>
  555.                 <!-- Humidity Graph -->
  556.  
  557.                 <!-- Wind Graph -->
  558.                 <DIV ID="WW-WindGraph" STYLE="height:100%; float:left; padding-left:8px;">
  559.                     <TABLE CELLPADDING="0" CELLSPACING="0" STYLE="height:100%;">
  560.                     <TR>
  561.                         <TD ID="WW-WindGraph-Caption" COLSPAN="2" STYLE="font:bold 12px verdana; padding-bottom:2px; color:#333; text-align:center;">
  562.                             Wind<BR>
  563.                         </TD>
  564.                     </TR>
  565.                     <TR>
  566.                         <TD ID="WW-WindGraph-Bar2" STYLE="width:50px; height:100%; border:solid 1px #CCCCCC; border-right:0px;">
  567.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 3px 0px 5px;">
  568.                                  <DIV ID="WW-WindGraph-Bar2-Top" STYLE="height:100%; position:relative;">
  569.                                       <P ID="WW-WindGraph-Bar2-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:bold 12px verdana;"></P>
  570.                                  </DIV>
  571.                                  <DIV ID="WW-WindGraph-Bar2-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  572.                                        <DIV STYLE="height:100%; background-color:#83CB5D;"></DIV>
  573.                                 </DIV>
  574.                             </DIV>
  575.                         </TD>
  576.                         <TD ID="WW-WindGraph-Bar3" STYLE="width:49px; height:100%; border:solid 1px #CCCCCC; border-left:0px;">
  577.                             <DIV STYLE="height:100%; background-color:#F6F6F6; padding:3px 5px 0px 3px;">
  578.                                  <DIV ID="WW-WindGraph-Bar3-Top" STYLE="height:100%; position:relative;">
  579.                                       <P ID="WW-WindGraph-Bar3-Value" STYLE="position:absolute; bottom:0; left:0; width:100%; text-align:center; padding-bottom:2px; font:12px verdana;"></P>
  580.                                  </DIV>
  581.                                  <DIV ID="WW-WindGraph-Bar3-Bottom" STYLE="height:0%; background-color:#FFF; border:solid 1px #D7D6D6; border-bottom:0px; padding:2px 2px 1px 2px;">
  582.                                        <DIV STYLE="height:100%; background-color:#768A65;"></DIV>
  583.                                 </DIV>
  584.                             </DIV>                    
  585.                         </TD>
  586.                     </TR>                
  587.                     <TR>
  588.                         <TD STYLE="font:bold 12px verdana; color:#333; text-align:center;">Now<BR></TD>
  589.                         <TD STYLE="font:12px verdana; color:#333; text-align:center;">Max<BR></TD>
  590.                     </TR>
  591.                     </TABLE>
  592.                 </DIV>
  593.                 <!-- Wind Graph -->
  594.             </DIV>
  595.         </DIV>
  596.         <!-- NOW Graphs -->    
  597.     
  598.         
  599.         <!-- Now Status Bar -->
  600.             <DIV ID="WW-Status-Bar" STYLE="border-top: solid #D7D6D6 1px; position:absolute; z-index:21; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+104+'px');">
  601.                 <DIV STYLE="background-color:#EFEFEF; height:45px; border-top:solid #E1E0E0 1px;"><DIV CLASS="WW-Updated" STYLE="color:#6E6E6E; padding-left:40px; padding-top:10px;">[UPDATED]</DIV></DIV>            
  602.             </DIV>
  603.         <!-- Now Status Bar -->
  604.         
  605.                 
  606.         <!-- Slider -->    
  607.         <DIV ID="SliderDIV" STYLE="height:73px; background: url('../../Images/Slider/SliderBackground.gif') top left; display:none; position:absolute; z-index:25; left:32; width:100%; bottom:expression(pnHeight+30+'px'); border:solid 1px #4A8797; display:none;" ONMOUSEDOWN="dragStart(event, 'SliderDIV')">
  608.             <DIV ID="WW-Slider-Content" STYLE="height:73px; padding:3px 3px 3px 44px; border:solid 1px #FFF; cursor:url('../../Cursors/Drag.cur'), default;">
  609.                 <TABLE ID="WW-Day-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  610.                 <TR>
  611.                     [DAILY LOOP COUNT=*]
  612.                     [TEMPLATE]
  613.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  614.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION DAY]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>High:</STRONG> [DAILY HI]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR><STRONG STYLE='color:#64A1D0;'>Sunrise:</STRONG> [DAILY SUNRISE AMPM]">
  615.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY DAY ABBREV]</STRONG></DIV>
  616.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY HI SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  617.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON DAY]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  618.                             </DIV>
  619.                         </TD>
  620.                     [/TEMPLATE]
  621.                     [/DAILY LOOP]
  622.                 </TR>
  623.                 </TABLE>
  624.                 <TABLE ID="WW-Moon-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  625.                 <TR>
  626.                     [MOON LOOP COUNT=20]
  627.                     [TEMPLATE]
  628.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  629.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626'>[MOON DAY]</STRONG> [MOON DATE SHORT]<BR><STRONG STYLE='color:#64A1D0'>Moon Phase:</STRONG> [MOON PHASE]<BR><STRONG STYLE='color:#64A1D0'>Illumination:</STRONG> [MOON ILLUMINATION]%">
  630.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[MOON DAY ABBREV]</STRONG></DIV>
  631.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[MOON ILLUMINATION].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  632.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[MOON ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  633.                             </DIV>
  634.                         </TD>
  635.                     [/TEMPLATE]
  636.                     [/MOON LOOP]
  637.                 </TR>
  638.                 </TABLE>
  639.             </DIV>
  640.         </DIV>
  641.         <!-- Slider -->    
  642.         
  643.                 
  644.         <DIV ID="WW-Current-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  645.             <DIV CLASS="WW-AlertBanner" STYLE="display:none; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; width:100%; background-image: url(../../Images/AlertBannerEnd.gif); background-position: right; background-repeat: no-repeat;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV></DIV>
  646.             <DIV STYLE="overflow:auto;">
  647.                 <DIV STYLE="width:100%;"><DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV></DIV>
  648.                 <DIV STYLE=" padding:10px;">
  649.                     <TABLE CELLPADDING="0" CELLSPACING="0"> 
  650.                     <TR>
  651.                         <TD VALIGN="top">
  652.                             <DIV STYLE="padding-bottom: 5px;">
  653.                                 <TABLE>
  654.                                 <TR>
  655.                                     <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  656.                                         <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[ICON]" STYLE="border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV>
  657.                                         <DIV STYLE="padding-bottom:7px;"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  658.                                     </TD>
  659.                                     <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  660.                                         <DIV><STRONG STYLE="color:#262626;">Currently</STRONG></DIV>
  661.                                         <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[CONDITION]</STRONG></DIV>
  662.                                         <DIV><STRONG STYLE="color:#64A1D0;">Temp:</STRONG> [TEMP]</DIV>
  663.                                         <DIV><STRONG STYLE="color:#64A1D0;">Feels Like:</STRONG> [FEELS]</DIV>
  664.                                     </TD>
  665.                                 </TR>
  666.                                 </TABLE>
  667.                             </DIV>
  668.  
  669.                             [DAILY SEQUENCE LOOP COUNT=2]
  670.                                 [TEMPLATE]
  671.                                     <DIV STYLE="padding-bottom: 5px;">
  672.                                         <TABLE> 
  673.                                         <TR>
  674.                                             <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  675.                                                 <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON]" STYLE="border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV>
  676.                                                 <DIV><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchDailyForecast');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  677.                                             </TD>
  678.                                             <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  679.                                                 <DIV><STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG></DIV>
  680.                                                 <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[DAILY CONDITION]</STRONG></DIV>
  681.                                                 <DIV><STRONG STYLE="color:#64A1D0;">High:</STRONG> [DAILY HI]</DIV>
  682.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Low:</STRONG> [DAILY LO]</DIV>
  683.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Sunrise:</STRONG> [DAILY SUNRISE AMPM]</DIV>
  684.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Sunset:</STRONG> [DAILY SUNSET AMPM]</DIV>
  685.                                             </TD>
  686.                                         </TR>
  687.                                         </TABLE>
  688.                                     </DIV>
  689.                                 [/TEMPLATE]        
  690.                             [/DAILY SEQUENCE LOOP]
  691.                         </TD>
  692.                         <TD VALIGN="top">
  693.                             <DIV STYLE="border:solid 1px #CCC; width:1px;">
  694.                                 <IMG ID="WW-Map-Image" SRC="map.jpg" WIDTH="280" STYLE="border:solid 3px #FFF; cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" TITLE="Click to view map"><BR>
  695.                             </DIV>
  696.                             <DIV ID="WW-News-Bar" STYLE="width:280px; padding-top:3px; display:;">
  697.                                 <DIV ID="WW-NewsStoryLink" STYLE="width:100%;"></DIV>
  698.                             </DIV>
  699.                         </TD>
  700.                     </TR>
  701.                     </TABLE>        
  702.                 </DIV>    
  703.             </DIV>
  704.         </DIV>
  705.         
  706.         
  707.         <DIV ID="WW-Hour-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  708.             <DIV STYLE="height:100%; overflow:auto;">
  709.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  710.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px;  background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;"></DIV>
  711.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  712.                 <DIV STYLE="padding:38px 3px 0px 3px;">
  713.                 <DIV STYLE="background: url('../../Images/HourlyBack.gif') repeat-x; padding:8px;">                                                </DIV>
  714.                 </DIV>
  715.                 <DIV STYLE="padding-top:15px;">
  716.                     <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  717.                 </DIV>
  718.             </DIV>
  719.         </DIV>
  720.         
  721.         <DIV ID="WW-Day-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  722.             <DIV STYLE="height:100%; overflow:auto;">
  723.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  724.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  725.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  726.                 <DIV STYLE="padding:38px 3px 0px 3px;">        
  727.                     <DIV>
  728.                         <TABLE CELLPADDING="0" CELLSPACING="0"> 
  729.                         <TR>
  730.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; line-height:15px; width:95px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  731.                                 <STRONG STYLE="color:#6F6F6F">Date</STRONG><BR>
  732.                             </TD>
  733.                             <TD ALIGN="center" VALIGN="top" STYLE="width:100%; border-right:solid 1px #C5D4DC; padding-bottom:3px;">
  734.                                 <STRONG STYLE="color:#6F6F6F">Condition</STRONG><BR>
  735.                             </TD>
  736.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  737.                                 <STRONG STYLE="color:#6F6F6F">Hi</STRONG><BR>
  738.                             </TD>
  739.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  740.                                 <STRONG STYLE="color:#6F6F6F">Lo</STRONG><BR>
  741.                             </TD>
  742.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #C5D4DC; padding-bottom:3px;" NOWRAP>
  743.                                 <DIV TITLE="Chance of Precipitation" STYLE="color:#6F6F6F; font-weight:bold;">POP</DIV>
  744.                             </TD>
  745.                             <TD ALIGN="center" VALIGN="middle" STYLE="font-size:12px; width:80px; line-height:15px; padding-bottom:3px;" NOWRAP>
  746.                                 <DIV TITLE="Sunrise/Sunset" STYLE="color:#6F6F6F; font-weight:bold;">Rise/Set</DIV>
  747.                             </TD>
  748.                         </TR>
  749.                         </TABLE>    
  750.                     </DIV>
  751.                     
  752.                     <DIV>
  753.                         [DAILY LOOP COUNT=*]
  754.                         [TEMPLATE]
  755.                             <DIV STYLE="background: url('../../Images/DailyBack2.gif') repeat-x; border-top:solid #EFD99B 1px;">
  756.                                 <TABLE CELLPADDING="0" CELLSPACING="0"> 
  757.                                 <TR>
  758.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; line-height:15px; width:95px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:10px;" NOWRAP>
  759.                                         <STRONG STYLE="color:#3E6D91;">[DAILY DAY ABBREV DN]</STRONG><BR><SPAN STYLE="color:#000;">[DAILY DATE]</SPAN><BR>
  760.                                     </TD>
  761.                                     <TD VALIGN="top" STYLE="padding:3px 8px 3px 3px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON DAY]" STYLE="height:42px; border:solid 2px #FFF; background-color:#FFF;" ONDRAG="return false"></DIV></TD>
  762.                                     <TD VALIGN="top" STYLE="font-size:12px; width:100%; line-height:15px; border-right:solid 1px #EFD99B; padding-top:18px; padding-bottom:5px;">
  763.                                         <DIV><DIV CLASS="WW-DailyCondition" STYLE="float:left;">[DAILY CONDITION DAY]</DIV><DIV CLASS="WW-DailyConditionBold" STYLE="float:left; display:none;"><STRONG>[DAILY CONDITION DAY]</STRONG></DIV><DIV STYLE="float:right; padding-right:5px;"><DIV CLASS="WW-DailyMore" TITLE="<SPAN STYLE='line-height:15px;'><STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> <STRONG STYLE='color:#3E6D91;'>[DAILY DATE]</STRONG><BR>[DAILY PREDICTION DAY]<BR></SPAN>"><A HREF="#" STYLE="" ONCLICK="dailyForecastShowLess()" ONDRAG="return false">More</A></DIV><A CLASS="WW-DailyLess" HREF="#" STYLE="display:none;" ONCLICK="dailyForecastShowMore()" ONDRAG="return false">Less</A></DIV></DIV>
  764.                                         <DIV CLASS="WW-DailyPrediction" STYLE="padding-top:8px; padding-bottom:5px; display:none;"><BR>[DAILY PREDICTION DAY]</DIV>
  765.                                     </TD>
  766.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:18px;" NOWRAP>
  767.                                         <STRONG STYLE="color:#B62424;">[DAILY HI RETURN]</STRONG><BR>
  768.                                     </TD>
  769.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:18px;" NOWRAP>
  770.                                         <STRONG STYLE="color:#1462AB;">[DAILY LO RETURN]</STRONG><BR>
  771.                                     </TD>
  772.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:55px; line-height:15px; border-right:solid 1px #EFD99B; padding-bottom:3px; padding-top:18px;" NOWRAP>
  773.                                         [DAILY PRECIPITATION DAY]<BR>
  774.                                     </TD>
  775.                                     <TD ALIGN="center" VALIGN="top" STYLE="font-size:12px; width:80px; line-height:15px; padding-top:18px;" NOWRAP>
  776.                                         [DAILY SUNRISE AMPM]<BR>
  777.                                     </TD>
  778.                                 </TR>
  779.                                 </TABLE>
  780.                             </DIV>
  781.                         [/TEMPLATE]
  782.                         [/DAILY LOOP]
  783.                     </DIV>
  784.                 </DIV>
  785.                 <DIV STYLE="padding-top:12px;">
  786.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  787.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  788.                     </DIV>
  789.                 </DIV>
  790.             </DIV>
  791.         </DIV>
  792.  
  793.         <DIV ID="WW-ResizeWindow" STYLE="position:absolute; z-index:100; padding:0px 3px 3px 0px; cursor:se-resize; width:20px; height:20px; bottom:expression(pnHeight+'px'); right:expression(pnWidth+'px');" ONMOUSEDOWN="setRunAction('WindowResize');"><DIV STYLE="height:100%; width:100%; background: url('../../Images/Resizer.gif') no-repeat bottom right;"></DIV></DIV>
  794.         <DIV ID="WW-ProgressBar" STYLE="position:absolute; z-index:400; border:solid #ABABAB 1px; display:none; width:300px; height:34px; top:expression(this.parentNode.offsetHeight/2-17+'px'); left:expression(this.parentNode.offsetWidth/2-150+'px');"><DIV STYLE="padding:1px; height:100%; border:solid #DBDBDB 1px; background-color:#FFF;"><DIV STYLE="background-color:#D3E4E9; height:100%;"><DIV ID="WW-ProgressBarColor" STYLE="width:50%; height:100%; border:solid #427886 1px; background-color:#4A8797;"></DIV></DIV></DIV></DIV>
  795.     </DIV>
  796.     </DIV>    
  797.         
  798.     <DIV ID="WW-IsInternational" STYLE="display:none;">[IS INTERNATIONAL]</DIV>
  799.     <DIV ID="WW-RunScript" STYLE="display:none;"></DIV>
  800.     <DIV ID="WW-RunScriptRT" STYLE="display:none;"></DIV>
  801.     <DIV ID="WW-RunScriptRTW" STYLE="display:none;"></DIV>
  802.     <DIV ID="WW-RunAction" STYLE="display:none;"></DIV>
  803.     <DIV ID="WW-Link" STYLE="display:none"></DIV>
  804.     <DIV ID="WW-SkinOption1" STYLE="display:none;"></DIV>
  805.     <DIV ID="WW-SkinOption2" STYLE="display:none;"></DIV>
  806.     <DIV ID="WW-SkinOption3" STYLE="display:none;"></DIV>
  807.     <DIV ID="WW-SkinOption4" STYLE="display:none;"></DIV>
  808.     <DIV ID="WW-SkinOption5" CLASS="WW-SkinOption5" STYLE="display:none;"></DIV>
  809.     <DIV ID="WW-SkinOption6" CLASS="WW-Skin-MapZoomLevel" STYLE="display:none;"></DIV>
  810.     <DIV ID="WW-SkinOption7" CLASS="WW-SkinOption7" STYLE="display:none;"></DIV>
  811.     <DIV ID="WW-SkinOption20" STYLE="display:none;"></DIV>
  812.     <IMG ONERROR="updateTemperature('[TEMP]', '[TEMP PLAIN NOT CONVERTED]', '[TEMP HIGH PLAIN NOT CONVERTED]', '[FEELS PLAIN]'); refreshRealtimeWindData('[WIND DEGREES]', '[WIND PLAIN]', '[FEELS PLAIN NOT CONVERTED]');" SRC="#" STYLE="display:none;">
  813.  
  814.     <DIV ID="WW-AlertInfo" STYLE="display:none;">[ALERTS INFO]</DIV>
  815.     <DIV ID="WW-Barometer" STYLE="display:none;">[BAROMETER PLAIN NOT CONVERTED]</DIV>
  816.     <DIV ID="WW-Barometer-Text" STYLE="display:none;">[BAROMETER]</DIV>
  817.     <DIV ID="WW-Barometer-Plain-Text" STYLE="display:none;">[BAROMETER PLAIN]</DIV>
  818.     <DIV ID="WW-Barometer-Rate" STYLE="display:none;">[BAROMETER RATE]</DIV>
  819.     
  820.     <DIV ID="WW-Station-Source" STYLE="display:none;">[STATION]</DIV>
  821.     <DIV ID="WW-Updated-Source" STYLE="display:none;">[UPDATED]</DIV>
  822.     
  823.     <DIV ID="WW-Skin-Path" STYLE="display:none;">[SKIN PATH SLASH]</DIV> 
  824.     
  825.     <IMG ONERROR="graphLoad('WW-TempGraph', 'Temperature', '-30', '130', '[TEMP LOW PLAIN NOT CONVERTED]', iif(('[TEMP LOW PLAIN SINGLE]' != 'N/A'), '[TEMP LOW PLAIN SINGLE]', '[TEMP LOW PLAIN NOT CONVERTED]'), '[TEMP PLAIN NOT CONVERTED]', iif('[TEMP PLAIN ROUND]' != 'N/A', '[TEMP PLAIN ROUND SINGLE]', '[TEMP PLAIN NOT CONVERTED]'), '[TEMP HIGH PLAIN NOT CONVERTED]', iif('[TEMP HIGH PLAIN SINGLE]' != 'N/A', '[TEMP HIGH PLAIN SINGLE]', '[TEMP HIGH PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  826.     <IMG ONERROR="graphLoad('WW-PressureGraph', 'Pressure', '27', '32', '[BAROMETER LOW PLAIN NOT CONVERTED]', iif(('[BAROMETER LOW PLAIN]' != 'N/A'), '[BAROMETER LOW PLAIN]', '[BAROMETER LOW PLAIN NOT CONVERTED]'), '[BAROMETER PLAIN NOT CONVERTED]', iif('[BAROMETER PLAIN ROUND]' != 'N/A', '[BAROMETER PLAIN]', '[BAROMETER PLAIN NOT CONVERTED]'), '[BAROMETER HIGH PLAIN NOT CONVERTED]', iif('[BAROMETER HIGH PLAIN]' != 'N/A', '[BAROMETER HIGH PLAIN]', '[BAROMETER HIGH PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  827.     <IMG ONERROR="graphLoad('WW-HumidityGraph', 'Humidity', '-10', '120', '[HUMIDITY LOW PLAIN]', '[HUMIDITY LOW PLAIN]', '[HUMIDITY PLAIN]', '[HUMIDITY PLAIN]', '[HUMIDITY HIGH PLAIN]', '[HUMIDITY HIGH PLAIN]', '');" SRC="#" STYLE="display:none;">
  828.     <IMG ONERROR="graphLoad('WW-WindGraph', 'Wind', '-10', '60', '', '', '[WIND PLAIN NOT CONVERTED]', iif(('[WIND PLAIN]' != 'N/A'), '[WIND PLAIN]', '[WIND PLAIN NOT CONVERTED]'), '[WIND GUST PLAIN NOT CONVERTED]', iif(('[WIND GUST PLAIN]' != 'N/A'), '[WIND GUST PLAIN]', '[WIND GUST PLAIN NOT CONVERTED]'), '');" SRC="#" STYLE="display:none;">
  829. </BODY>
  830.  
  831. </HTML>